<?php get_header() ?>
<?php include( TEMPLATEPATH . '/menu.php' ); ?>

<!--=S 首页中间部分=-->
<div id="wrapper" class="bg_wf">
	<div class="inner">
		<div class="main">
			<!--==S 左侧主要内容==-->
			<section>
				<!--===S 轮播图===-->
				<div class="img_slides">
					<div class="wrapper">
						<ul>
							<li><a href="http://webteam.isd.com/681" target="_blank"><img src="/slide/20091204_css3.jpg" alt="用CSS3将我们带入下一个高度吧" /></a></li>
							<li><a href="http://webteam.isd.com/2169" target="_blank"><img src="/slide/20091204_farm.jpg" alt="田园牧歌的生活 - 牧场游戏界面视觉设计" /></a></li>
							<li><a href="http://webteam.isd.com/1694" target="_blank"><img src="/slide/20091204_vip.jpg" alt="QQ VIP 还能更尊贵" /></a></li>
							<li><a href="http://webteam.isd.com/674" target="_blank"><img src="/slide/20091204_cigLighter.jpg" alt="首都机场的点烟器" /></a></li>
							<li><a href="http://webteam.isd.com/476" target="_blank"><img src="/slide/20091204_float.jpg" alt="内在流程由简到繁 外在信息由多到少" /></a></li>
							<li><a href="http://webteam.isd.com/2150" target="_blank"><img src="/slide/20091204_mod.jpg" alt="图标？积木？模块思维？" /></a></li>
						</ul>
					</div>
					<div class="img_slides_menu_bg"></div>
				</div>
				<!--===E 轮播图===-->
				<!--===S 重点项目===-->
				<header class="mode_tit">
					<h2 class="img_bg">重点项目</h2>
					<p><a href="<?php bloginfo('home') ?>/cat/project/" title="更多">更多</a></p>
				</header>
				<ul class="mode_list_imgtxt">
                  <?php $args=array(
                                #'category_name' => 'key',
                                #'category__in' => array(7,8,9,10),
								'category__and' => array(1,27),
                                'showposts'=>3,
								);
                                query_posts($args);if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
					<li>
						<article>
							<header>
								<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),111); ?></a></h3>
							</header>
							<footer>
								<p class="info">时间：<time><?php the_time('Y-m-d'); ?></time> 分类：<?php the_category(', '); ?> 作者：<?php the_author(); ?></p>
								<p class="cover"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
									<?php if ( get_post_meta($post->ID, 'cover', true) ) {
													 $cover=get_post_meta($post->ID, 'cover', true); ?>
										<img src="<?php echo $cover; ?>" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php }else{ ?>
										<img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php } ?>
								</a></p>
							</footer>
							<p title="<?php echo get_the_excerpt(); ?>"><?php cut_str(get_the_excerpt(),213); ?></p>
						</article>
					</li>
                    <?php endwhile; else: ?>
                    <li><p><?php _e('这家伙很懒,什么都没有写.'); ?></p></li>
                    <?php endif;wp_reset_query(); ?>
				</ul>
				<!--===E 重点项目===-->
				<!--===S 方法===-->
				<div class="left mode_list_index">
					<header class="mode_tit">
						<h2 class="img_bg">方法</h2>
					</header>
                    <?php $args=array(
                                'category__and' => array(11,27),
                                'showposts'=>1,
								);
                                query_posts($args);if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
					<article>
						<header>
							<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),40); ?></a></h3>
						</header>
						<footer>
							<p class="info">时间：<time><?php the_time('Y-m-d'); ?></time> 作者：<?php the_author(); ?></p>
							<p class="cover"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
								<?php if ( get_post_meta($post->ID, 'cover', true) ) {
													 $cover=get_post_meta($post->ID, 'cover', true); ?>
										<img src="<?php echo $cover; ?>" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php }else{ ?>
										<img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php } ?>
							</a></p>
						</footer>
						<p title="<?php echo get_the_excerpt(); ?>"><?php cut_str(get_the_excerpt(),78); ?></p>
					</article>
                    <?php endwhile; else: ?>
                    <p><?php _e('这家伙很懒,什么都没有写.'); ?></p>
                    <?php endif;wp_reset_query(); ?>
					<ul class="mode_list_txtime">
                    <?php		$bc_key=0;
								$bc_i=0;
					 			$args=array(
                                'category__in' => array(11),
                                'showposts'=>5,
								);
                                query_posts($args);if ( have_posts() ) : while ( have_posts() ) : the_post();
									if((in_category('27') && ($bc_key == 0)) || ($bc_i == 5)){$bc_key++;$bc_i++;continue;}else{$bc_i++;}
					?>
						<li>
							<article>
								<header>
									<h4><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),44); ?></a></h4>
								</header>
								<footer>
									<time><?php the_time('Y-m-d'); ?></time>
								</footer>
							</article>
						</li>
					<?php endwhile; else: ?>
                         <li><p><?php _e('这家伙很懒,什么都没有写.'); ?></p></li>
					<?php endif;wp_reset_query(); ?>
					</ul>
				</div>
				<!--===E 方法===-->
				<!--===S 规范===-->
				<div class="right mode_list_index">
					<header class="mode_tit">
						<h2 class="img_bg">规范</h2>
					</header>
					<?php $args=array(
                                'category__and' => array(21,27),
                                'showposts'=>1,
								);
                                query_posts($args);if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
					<article>
						<header>
							<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),40); ?></a></h3>
						</header>
						<footer>
							<p class="info">时间：<time><?php the_time('Y-m-d'); ?></time> 作者：<?php the_author(); ?></p>
							<p class="cover"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
									<?php if ( get_post_meta($post->ID, 'cover', true) ) {
													 $cover=get_post_meta($post->ID, 'cover', true); ?>
										<img src="<?php echo $cover; ?>" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php }else{ ?>
										<img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="<?php the_title(); ?>" style="width:80px; height:80px;" />
									<?php } ?>
							</a></p>
						</footer>
						<p title="<?php echo get_the_excerpt(); ?>"><?php cut_str(get_the_excerpt(),78); ?></p>
					</article>
                    <?php endwhile; else: ?>
                    <p><?php _e('这家伙很懒,什么都没有写.'); ?></p>
                    <?php endif;wp_reset_query(); ?>
					<ul class="mode_list_txtime">
                    <?php		$bc_key=0;
								$bc_i=0;
					 			$args=array(
                                'category__in' => array(21),
                                'showposts'=>5,
								);
                                query_posts($args);if ( have_posts() ) : while ( have_posts() ) : the_post();
									if((in_category('27') && ($bc_key == 0)) || ($bc_i == 5)){$bc_key++;$bc_i++;continue;}else{$bc_i++;}
					?>
						<li>
							<article>
								<header>
									<h4><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),44);?></a></h4>
								</header>
								<footer>
									<time><?php the_time('Y-m-d'); ?></time>
								</footer>
							</article>
						</li>
						<?php endwhile; else: ?>
                         <p><?php _e('这家伙很懒,什么都没有写.'); ?></p>
                        <?php endif;wp_reset_query(); ?>
					</ul>
				</div>
				<!--===E 规范===-->
			</section>
			<!--==E 左侧主要内容==-->
			<!--==S 右侧附属内容==-->
			<aside>
				<!--===S 搜索===-->
				<div class="mode_search">
					<form id="searchform" class="blog-search" method="get" action="<?php bloginfo('home') ?>">
						<fieldset>
							<legend>站内搜索</legend>
							<p class="mode_search_cont"><input type="text" id="s" name="s" class="int_txt" value="<?php the_search_query() ?>" /> <input type="submit" value="搜 索" class="img_bg int_sub" /></p>
							<h3 class="hide">热门搜索关键词</h3>
							<p class="mode_tags">
								<?php wp_tag_cloud('smallest=14&largest=14&unit=px&number=14&order=RAND'); ?>
							</p>
						</fieldset>
					</form>
				</div>
				<!--===E 搜索===-->
				<!--===S 分享===-->
				<div class="mode_aside_panel">
					<header class="mode_tit">
						<h2 class="img_bg">分享</h2>
						<p><a href="<?php bloginfo('home') ?>/cat/share/" title="更多">更多</a></p>
					</header>
					<ul class="mode_list_txtime">
						<?php query_posts("category_name=share&showposts=5");if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
						<li>
							<article>
								<header>
									<h4><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php cut_str(get_the_title(),37); ?></a></h4>
								</header>
								<footer>
									<time><?php the_time('Y-m-d'); ?></time>
								</footer>
							</article>
						</li>
						<?php endwhile; else: ?>
                         <li><p><?php _e('这家伙很懒,什么都没有写.'); ?></p></li>
                        <?php endif;wp_reset_query(); ?>
					</ul>
				</div>
				<!--===E 分享===-->
				<!--===S 设计师===-->
				<div class="mode_aside_panel none">
					<header class="mode_tit">
						<h2 class="img_bg">设计师</h2>
						<p><a href="<?php bloginfo('home') ?>/visual-designer/" title="更多">更多</a></p>
					</header>
					<div class="mode_index_list_designer">
						<ul>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
						</ul>
					</div>
				</div>
				<!--===E 设计师===-->
				<!--===S 设计师===-->
				<div class="mode_aside_panel mode_aside_other none">
					<p><img src="<?php bloginfo('stylesheet_directory'); ?>/img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:270px; height:76px;" /></p>
					<ul class="mode_list_txtime">
						<li>
							<article>
								<header>
									<h4><a href="##" title="[规范] ISD各产品线视觉规范">[规范] ISD各产品线视觉规范</a></h4>
								</header>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="[素材] 真人素材库">[素材] 真人素材库</a></h4>
								</header>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="[素材] 视觉设计素材库">[素材] 视觉设计素材库</a></h4>
								</header>
							</article>
						</li>
					</ul>
				</div>
				<!--===E 设计师===-->
			</aside>
			<!--==E 右侧附属内容==-->
		</div>
	</div>
</div>
<!--=E 首页中间部分=-->

<?php get_footer() ?>
